﻿@using System.Threading.Tasks
@using PartsUnlimited
@model PartsUnlimited.Models.RegisterViewModel
@{
    ViewBag.Title = "Register";
}

<section id="register-page">
    <h2>@ViewBag.Title</h2>
    <div class="row">
        <div class="col-md-6">
            @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
            {
                @Html.AntiForgeryToken()
                <h4>Create a new account.</h4>
                    @Html.ValidationSummary("", new { @class = "text-danger" })
                    <div class="form-group">
                        <div class="col-sm-8 col-md-10">
                            <div class="input-group">
                                @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email Address" })
                                <span class="input-group-addon">@Html.Image("login_profile_icon.png")</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-8 col-md-10">
                            <div class="input-group">
                                @Html.PasswordFor(m => m.Password, new { @class = "form-control", placeholder = "Password" })
                                <span class="input-group-addon">@Html.Image("login_safe_icon.png")</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-8 col-md-10">
                            <div class="input-group">
                                @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control", placeholder = "Confirm Password" })
                                <span class="input-group-addon">@Html.Image("login_safe_icon.png")</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-8 col-md-10">
                            <input type="submit" class="btn btn-default" value="Register" />
                        </div>
                    </div>
            }
        </div>
        <div class="col-md-6"></div>
    </div>
</section>